CSS Modules
notion-blog のコードを見ていた。
CSSファイルに :global() というのがあり調べてみたら CSS Modules の書き方らしい
グローバルスコープになる。
逆に :local / :local(...) という書き方もある。
ローカルスコープ
プリプロセッサの書き方もできる（入れ子だbeco.icon
code:sample.less
:global {
.global-class-name {
color: red;
}
}
composes プロパティで他のファイルからクラスを呼び出せるっぽい。
code:sample.css
.otherClassName {
composes: className from "./hogehoge.css";
}
なれないうちは下手に書きすぎないほうが良さそう…beco.icon
使うなら慣れよう
参考
https://github.com/css-modules/css-modules